@import url("https://fonts.font.im/css?family=Quicksand");
:root {
  --tdoc-bg-color: rgba(255, 255, 255, 0.82);
  --tdoc-side-color: rgba(255, 255, 255, 0.1);
  --tdoc-text-color: #333;
  --td-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
  --td-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
}
html:is(.dark) {
  --tdoc-bg-color: rgba(17, 24, 39, 0.82);
  --tdoc-text-color: #fff;
}
html:is(.gray-scale) {
  filter: grayscale(0.95);
  -webkit-filter: grayscale(0.95);
}
html:is(.invert) {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
html {
  font-family: "Quicksand", sans-serif !important;
  font-size: 16px;
  /* user-select: none; */
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' opacity='1.0' fill='rgb(57, 197, 188)'/></svg>")
      4 4,
    auto;
}
html,
body,
#app {
  width: 100%;
  height: 100%;
}

#nprogress .bar {
  background: #f2e3e4 !important;
}
#web_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  /* background: url("	https://api.yimian.xyz/img?type=moe&size=1920x1080"); */
  /* background: url("https://cdn.seovx.com/?mom=302"); */
  background: url("https://bing.img.run/rand.php");
  /* background: url("https://source.unsplash.com/random/1920x1080"); */
  /* background: url("http://api.btstu.cn/sjbz/?lx=suiji"); */
  background-attachment: local;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: blurImg 1s 1 ease-in-out;
}
#web_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(0px) saturate(108%) contrast(108%);
}

@keyframes blurImg {
  0% {
    filter: blur(0px);
  }

  100% {
    filter: blur(5px);
  }
}
.imgAnimateShadow {
  animation: imgShadow 800ms infinite linear alternate;
  transition: transform 0.3s ease-in-out;
}

.imgAnimateShadow:hover {
  transform: rotate(360deg);
}

@keyframes imgShadow {
  0% {
    box-shadow: 0px 0px 6px rgb(57, 197, 188);
  }

  50% {
    box-shadow: 0px 0px 12px rgb(57, 197, 188);
  }

  100% {
    box-shadow: 0px 0px 24px rgb(57, 197, 188);
  }
}
